<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <title>管理中心</title>
    <link href="<?php echo URLPRE;?>static/admin/css/index.css?v2014071620" rel="stylesheet">
    <script type="text/javascript">
        if (window.top !== window.self) {
            document.write = '';
            window.top.location.href = window.self.location.href;
            setTimeout(function() {
                    document.body.innerHTML = '';
                },
                0);
        }
    </script>
    <script type="text/javascript" src="<?php echo URLPRE?>static/public/js/jquery/jquery-1.11.1.min.js"></script>
</head>

<body>
<div class="wrap">
    <table width="100%" height="100%" style="table-layout:fixed;">
        <tbody>
        <tr class="head">
            <th style="text-align: center;">
                <img height="85" width="200" src="<?php echo $sitelogo ?>" onerror="this.error=null;this.src='<?php echo URLPRE;?>static/public/images/nologo.jpg'" alt="管理中心"/>
            </th>
            <td>
                <div class="nav">
                    <ul id="J_B_main_block" style="padding-left:16px">

                    </ul>
                </div>
                <div class="login_info">
                    <a href="<?php echo site_url('');?>" class="home" target="_blank">电脑版</a>
                    <a href="<?php echo site_url('mobile/index?touchtpl=default');?>" class="home" target="_blank">手机版</a>
                    <a href="<?php echo site_url('mobile/index?touchtpl=weixin');?>" class="home" target="_blank">微信版</a>

                    <span class="mr10">管理员：<a href="javascript:void();" <?php if(strpos($role['name'],'分销')!==false)echo 'data-href="'.site_url('admin/adminuser/info').'" class="mr10 iframe_default"'?> > <?php echo $this->session->userdata('admin_user_name');?></a></span>
                    <a href="<?php echo site_url('admin/index/logout');?>" class="mr10">[退出]</a>
                    <a href="javascript:void();" data-href="<?php echo site_url('admin/adminuser/change_pass');?>" class="mr10 iframe_default" data-id="00001">[修改密码]</a>
                </div>
            </td>
        </tr>
        <tr class="tab">
            <th>
                <div class="search" style="display: none">
                    <input size="50" placeholder="搜索操作" id="J_search_keyword" type="text">
                    <button type="button" name="keyword" id="J_search" value="" data-url="<?php echo site_url();?>">搜索</button>
                </div>
            </th>
            <td>
                <div id="B_tabA" class="tabA">
                    <a href="" tabindex="-1" class="tabA_pre" id="J_prev" title="上一页">
                        上一页
                    </a>
                    <a href="" tabindex="-1" class="tabA_next" id="J_next" title="下一页">
                        下一页
                    </a>
                    <div style="margin:0 25px;min-height:1px;">
                        <div style="position:relative;height:30px;width:100%;overflow:hidden;">
                            <ul id="B_history" style="white-space:nowrap;position:absolute;left:0;top:0;">
                                <li class="current" data-id="default" tabindex="0">
                                  <span><a>后台首页</a></span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </td>
        </tr>
        <tr class="content">
            <th style="overflow:hidden;">
                <div id="B_menunav">
                    <div class="menubar">
                        <dl id="B_menubar" data-id="bbs">

                        </dl>
                    </div>
                    <div id="menu_next" class="menuNext" style="display: none;">
                        <a href="" class="pre" title="顶部超出，点击向下滚动">
                            向下滚动
                        </a>
                        <a href="" class="next" title="高度超出，点击向上滚动">
                            向上滚动
                        </a>
                    </div>
                </div>
            </th>
            <td id="B_frame">
                <div id="breadCrumb" style="display:none;">
                    常用操作&nbsp;<em>&raquo;</em>&nbsp;功能
                </div>
                <div class="options">
                    <a href="" class="refresh" id="J_refresh" title="刷新">刷新</a>
                </div>
                <div class="loading" id="loading" style="display: none;">
                    加载中...
                </div>
                <iframe id="iframe_default" name="iframe_default" src="<?php echo URLPRE?>admin/index/custom_index" style="height: 100%; width: 100%; display: inline;" data-id="default" frameborder="0" scrolling="auto">
                </iframe>
            </td>
        </tr>
        </tbody>
    </table>
</div>
<script type="text/javascript">
//iframe 加载事件
var iframe_default = document.getElementById('iframe_default');
$(iframe_default.contentWindow.document).ready(function() {
    $('#loading').hide();
    $(iframe_default).show();
});

var USUALL = [],
/*常用的功能模块*/
    TEMP = [],
    SUALL = USUALL.concat('-', [{
        name: '常用操作',
        disabled: true
    }], TEMP),
    SUBMENU_CONFIG = <?php echo json_encode($left_menu)?>,
/*主菜单区*/
    imgpath = '',
    times = 0,
    getdescurl = '',
    searchurl = '',
    token = "";
//一级菜单展示
$(function() {
    var html = [];
    $.each(SUBMENU_CONFIG,
        function(i, o) {
            html.push('<li><a href="" data-id="' + o.id + '">' + o.name + '</a></li>');
        });
    $('#J_B_main_block').html(html.join(''));

    //后台位在第一个导航
    $('#J_B_main_block li:first > a').click();

    $('#J_B_main_block li').each(function(){
        var s = $(this).find('a');
        if(s.text() == '微信' && <?php echo WEIXINBAN ? 1 : 0?>){
            s.attr('href', '<?php echo site_url('weixin/windex/index')?>');
        }
    })
});

function checkMenuNext() {
    var B_menunav = $('#B_menunav');
    var menu_next = $('#menu_next');
    if (B_menunav.offset().top + B_menunav.height() >= $(window).height() || B_menunav.offset().top < B_menunav.parent().offset().top) {
        menu_next.show();
    } else {
        menu_next.hide();
    }
}

$(window).on('resize',
    function() {
        setTimeout(function() {
                checkMenuNext();
            },
            100);
    });

//上一页下一页的点击
(function() {
    var menu_next = $('#menu_next');
    var B_menunav = $('#B_menunav');
    menu_next.on('click', 'a',
        function(e) {
            e.preventDefault();
            if (e.target.className === 'pre') {
                if (B_menunav.offset().top < B_menunav.parent().offset().top) {
                    B_menunav.animate({
                            'marginTop': '+=28px'
                        },
                        100);
                }
            } else if (e.target.className === 'next') {
                if (B_menunav.offset().top + B_menunav.height() >= $(window).height()) {
                    B_menunav.animate({
                            'marginTop': '-=28px'
                        },
                        100);
                }
            }
        });
})();
//一级导航点击
$('#J_B_main_block').on('click', 'a',
    function(e) {
        var attr = $(this).attr('href');
        if(attr){
            window.location.href = attr;
            return false;
        }
        e.preventDefault();
        e.stopPropagation();
        $(this).parent().addClass('current').siblings().removeClass('current');
        var data_id = $(this).attr('data-id'),
            data_list = SUBMENU_CONFIG[data_id],
            html = [],
            child_html = [],
            child_index = 0,
            B_menubar = $('#B_menubar');

        if (B_menubar.attr('data-id') == data_id) {
            return false;
        };
        show_left_menu(data_list['child']);
        B_menubar.html(html.join('')).attr('data-id', data_id);

        //检查是否应该出现上一页、下一页
        checkMenuNext();

        //显示左侧菜单
        function show_left_menu(data) {

            for (var attr in data) {
                if (data[attr] && typeof(data[attr]) === 'object') {
                    //循环子对象
                    if (!data[attr].url && attr === 'child') {
                        //子菜单添加识别属性
                        $.each(data[attr],
                            function(i, o) {
                                child_index++;
                                o.isChild = true;
                                o.child_index = child_index;
                            });
                    }
                    show_left_menu(data[attr]); //继续执行循环(筛选子菜单)
                } else {
                    if (attr === 'name') {
                        data.url = data.url ? data.url: '#';
                        if (! (data['isChild'])) {
                            //一级菜单
                            html.push('<dt><a href="' + data.url + '" data-id="' + data.id + '">' + data.name + '</a></dt>');
                        } else {
                            //二级菜单
                            child_html.push('<li><a href="' + data.url + '" data-id="' + data.id + '">' + data.name + '</a></li>');

                            //二级菜单全部push完毕
                            if (data.child_index == child_index) {
                                html.push('<dd style="display:none;"><ul>' + child_html.join('') + '</ul></dd>');
                                child_html = [];
                            }
                        }
                    }
                }
            }
        };

    });

//左边菜单点击
$('#B_menubar').on('click', 'a',
    function(e) {
        e.preventDefault();
        e.stopPropagation();

        var $this = $(this),
            _dt = $this.parent(),
            _dd = _dt.next('dd');

        //当前菜单状态
//        _dt.addClass('current').siblings('dt.current').removeClass('current');
        $('.menubar').find('.current').removeClass('current');
        _dt.addClass('current');

        //子菜单显示&隐藏
        if (_dd.length) {
            _dt.toggleClass('current');
            _dd.toggle();
            //检查上下分页
            checkMenuNext();
            return false;
        };

        $('#loading').show().focus(); //显示loading
        $('#B_history li').removeClass('current');
        var data_id = $(this).attr('data-id'),
            li = $('#B_history li[data-id=' + data_id + ']');
        var href = this.href;

        iframeJudge({
            elem: $this,
            href: href,
            id: data_id
        });

    });

/*
 * 搜索
 */
var search_keyword = $('#J_search_keyword'),
    search = $('#J_search');
search.on('click',
    function(e) {
        e.preventDefault();
        var $this = $(this),
            search_val = $.trim(search_keyword.val());
        if (search_val) {
            iframeJudge({
                elem: $this,
                href: $this.data('url') + '&keyword=' + search_val,
                id: 'search'
            });
        }
    });
//回车搜索
search_keyword.on('keydown',
    function(e) {
        if (e.keyCode == 13) {
            search.click();
        }
    });

//判断显示或创建iframe
function iframeJudge(options) {
    var elem = options.elem,
        href = options.href,
        id = options.id,
        li = $('#B_history li[data-id=' + id + ']');

    if (li.length > 0) {
        //如果是已经存在的iframe，则显示并让选项卡高亮,并不显示loading
        var iframe = $('#iframe_' + id);
        $('#loading').hide();
        li.addClass('current');
        if (iframe[0].contentWindow && iframe[0].contentWindow.location.href !== href) {
            iframe[0].contentWindow.location.href = href;
        }
        $('#B_frame iframe').hide();
        $('#iframe_' + id).show();
        showTab(li); //计算此tab的位置，如果不在屏幕内，则移动导航位置
    } else {
        //创建一个并加以标识
        var iframeAttr = {
            src: href,
            id: 'iframe_' + id,
            frameborder: '0',
            scrolling: 'auto',
            height: '100%',
            width: '100%'
        };
        var iframe = $('<iframe/>').prop(iframeAttr).appendTo('#B_frame');

        $(iframe[0].contentWindow.document).ready(function() {
            $('#B_frame iframe').hide();
            $('#loading').hide();
            var li = $('<li tabindex="0"><span><a>' + elem.html() + '</a><a class="del" title="关闭此页">关闭</a></span></li>').attr('data-id', id).addClass('current');
            li.siblings().removeClass('current');
            li.appendTo('#B_history');
            showTab(li); //计算此tab的位置，如果不在屏幕内，则移动导航位置
            //$(this).show().unbind('load');
        });

    }

}

//顶部点击一个tab页
$('#B_history').on('click focus', 'li',
    function(e) {
        e.preventDefault();
        e.stopPropagation();
        var data_id = $(this).data('id');
        $(this).addClass('current').siblings('li').removeClass('current');
        $('#iframe_' + data_id).show().siblings('iframe').hide(); //隐藏其它iframe
    });

//顶部关闭一个tab页
$('#B_history').on('click', 'a.del',
    function(e) {
        e.stopPropagation();
        e.preventDefault();
        var li = $(this).parent().parent(),
            prev_li = li.prev('li'),
            data_id = li.attr('data-id');
        li.hide(60,
            function() {
                $(this).remove(); //移除选项卡
                $('#iframe_' + data_id).remove(); //移除iframe页面
                var current_li = $('#B_history li.current');
                //找到关闭后当前应该显示的选项卡
                current_li = current_li.length ? current_li: prev_li;
                current_li.addClass('current');
                cur_data_id = current_li.attr('data-id');
                $('#iframe_' + cur_data_id).show();
            });
    });

//刷新
$('#J_refresh').click(function(e) {
    e.preventDefault();
    e.stopPropagation();
    var id = $('#B_history .current').attr('data-id'),
        iframe = $('#iframe_' + id);
    if (iframe[0].contentWindow) {
        //common.js
        reloadPage(iframe[0].contentWindow);
    }
});

//下一个选项卡
$('#J_next').click(function(e) {
    e.preventDefault();
    e.stopPropagation();
    var ul = $('#B_history'),
        current = ul.find('.current'),
        li = current.next('li');
    showTab(li);
});

//上一个选项卡
$('#J_prev').click(function(e) {
    e.preventDefault();
    e.stopPropagation();
    var ul = $('#B_history'),
        current = ul.find('.current'),
        li = current.prev('li');
    showTab(li);
});

//重新刷新页面，使用location.reload()有可能导致重新提交
function reloadPage(win) {
    var location = win.location;
    location.href = location.pathname + location.search;
}

//显示顶部导航时作位置判断，点击左边菜单、上一tab、下一tab时公用
function showTab(li) {
    if (li.length) {
        var ul = $('#B_history'),
            li_offset = li.offset(),
            li_width = li.outerWidth(true),
            next_left = $('#J_next').offset().left - 9,
        //右边按钮的界限位置
            prev_right = $('#J_prev').offset().left + $('#J_prev').outerWidth(true); //左边按钮的界限位置
        if (li_offset.left + li_width > next_left) { //如果将要移动的元素在不可见的右边，则需要移动
            var distance = li_offset.left + li_width - next_left; //计算当前父元素的右边距离，算出右移多少像素
            ul.animate({
                    left: '-=' + distance
                },
                200, 'swing');
        } else if (li_offset.left < prev_right) { //如果将要移动的元素在不可见的左边，则需要移动
            var distance = prev_right - li_offset.left; //计算当前父元素的左边距离，算出左移多少像素
            ul.animate({
                    left: '+=' + distance
                },
                200, 'swing');
        }
        li.trigger('click');
    }
}

(function() {
    //iframe内触发菜单
    var par_menu_main = $('#J_B_main_block'),
        par_menu_side = $('#B_menubar');
    //查询导航数据
    window.eachSubmenu = function(data, id, par, level, href) {
        for (i in data) {
            if (level == 2) {
                if (i == par) {
                    //一级
                    setMenuMain(par_menu_main.find('a[data-id=' + par + ']'));
                    eachSubmenu(data[par]['child'], id, par, level, href);
                    break;
                } else if (i == id) {
                    //二级
                    setMenuSide(data, id, par, level, href);
                }

            } else if (level == 3) {
                if (i == par) {
                    //匹配父导航
                    var root = data[i]['parent_id'];
                    setMenuMain(par_menu_main.find('a[data-id=' + data[i]['parent_id'] + ']'));
                    setMenuSide(SUBMENU_CONFIG[root]['child'], id, par, level, href);
                    break;
                } else {
                    //父导航不匹配
                    var items = data[i]['child'];
                    if (items) {
                        eachSubmenu(items, id, par, level, href)
                    }

                }
            }

        }
    };

    //设置顶部导航
    function setMenuMain(elem) {
        elem.parent().addClass('current').siblings().removeClass('current');
    };

    //设置左侧导航
    function setMenuSide(data, id, par, level, href) {

        var arr = [],
        //左侧一级导航数据
            child_arr = []; //左侧二级导航数据
        //循环数据
        $.each(data,
            function(i, o) {
                var cls = (o.id == id ? 'current': '');

                //添加一级数据
                arr.push('<dt class="' + cls + '"><a href="' + o.url + '" data-id="' + o.real_id + '">' + o.name + '</a></dt>');

                if (level == 3 && i == par) {
                    //进入二级导航
                    $.each(o['child'],
                        function(i, o) {
                            child_arr.push('<li><a href="' + o.url + '" data-id="' + o.real_id + '">' + o.name + '</a></li>');
                        });

                    var style = (o.id == par ? '': 'display:none;');

                    //并入一级
                    arr.push('<dd style="' + style + '"><ul>' + child_arr.join('') + '</ul></dd>');
                }

            });

        //show_left_menu(data_list['child']);
        par_menu_side.html(arr.join('')).attr('data-id', par);

        ////检查是否应该出现上一页、下一页
        checkMenuNext();

        var side_item = $('#B_menubar').find('a[data-id=' + id + ']');

        //点击导航展开iframe
        iframeJudge({
            elem: side_item,
            href: href,
            id: id
        });

    };

    $('.iframe_default').click(function(){
        var side_item = $(this);
        var id = $(this).attr('data-id');
        var href = $(this).attr('data-href');
        //点击导航展开iframe
        iframeJudge({
            elem: side_item,
            href: href,
            id: id
        });
    })
})();
</script>
</body>

</html>